/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>服务协议<b></b></div>
                            <div className="mod-protocol">
                                <ul>
                                    <li><i className="iconfont icon-protocol"></i><a href={PageDM.URL.Loan} target="_blank">《平台借款协议》</a></li>
                                    <li><i className="iconfont icon-protocol"></i><a href={PageDM.URL.UserService} target="_blank">《平台用户服务协议》</a></li>
                                    <li><i className="iconfont icon-protocol"></i><a href={PageDM.URL.BankCardService} target="_blank">《银行卡绑定服务协议》</a></li>
                                    <li><i className="iconfont icon-protocol"></i><a href={PageDM.URL.RightTransfer} target="_blank">《投融资平台权益转让协议》</a></li>
                                </ul>
                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));